// 头部
.bigbox{
    width:100%;
    height:100px;
    background-color: #fadb06;
    position: relative;
   

    .search-box{
        position: absolute;
        position: relative;
        left:8em;
        top:27px;
        width:70%;
        
    
        input{
            border-radius: 25px;
            padding:.7em 1em;
            width:274px;
            margin:auto -68px;
        }

        button{
            border-radius: 25px;
            background-color: yellow;
            padding:.5em .5em;
            position: absolute;
            left:9em;
            width:8.2em;
            height:2.9em;
            white-space: nowrap;

        }

        @media screen and (max-width:320px){
            &{
                .search-box{
                    position: relative;
                    button{
                        position: absolute;
                        right:5em;
                    }
                }
            }
        }
        
    }

    ul{
        padding:2.5em 1em;
        white-space: nowrap;
        overflow-x: scroll;
        // overflow: hidden;
        
        
       li{
           font-size: 1.2em;
           color:black;
           padding-right:13px;
           
           
       }
    }
    
}

// footer
.footer{
    background-color: white;
    .box1{
        display: flex;
        justify-content: space-around;
        margin:1em auto;
        
        

        .item1{
            width:12%;
            text-align: center;
            margin:.5em auto;
            margin-bottom: 0;
            
            img{
                width:78%;
                height:55%;
            }
          
            a{
                color:black;
                font-size:10px;
                font-weight: bold;
                left:22px;
            }
        }
    }

   
}